<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<style type="text/css">
	*{
		margin: 0px;
		padding: 0px;
	}
	div{
		margin-left: 50%;
		margin-top:50px;
		border:1px solid blue;
		text-align: center;
		width: 200px;
		height: 100px;
		background-color: yellow;
		margin-bottom: 40px;
	}
	div.a{
		transform: rotateX(180deg);
	}
</style>
<body>
	<div>原版</div>
	<div class="a">通过rotateX()方法,元素围绕其X轴以给定的度数进行旋转。</div>

</body>
</html>